Tipos de fuentes CSS

Explicacion

Para aplicar el tipo de fuente usamos el atributo Font-Family.

Hay principalmente 5 tipos de fuentes genericas en CSS:

Dentro de cada tipo de fuente generico podemos tener varios tipos distintos de fuentes, pero todos ellos siguen el patron de diseno del tipo generico:

Generic Font Family Examples of Font Names
Serif Times New Roman
Georgia
Garamond
Sans-serif Arial
Verdana
Helvetica
Monospace Courier New
Lucida Console
Monaco
Cursive Brush Script MT
Lucida Handwriting
Fantasy Copperplate
Papyrus
Ejemplo

Al indicar un tipo de fuente podemos indicar varios separados por comas, asi si un navegador no soporta un tipo concreto intentara utilizar otro de la lista


font-family: "Lucida Console", "Courier New", monospace;

Referencias

Pagina de w3school sobre css fonts: CSS Fonts (pdf)

Tags

Fuentes | CSS | Fonts | font-family